<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta name="copyright" content=
  "Copyright (c) IBM Corporation and others 2000, 2011. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page.">
  <link rel="STYLESHEET" href="../../book.css" type="text/css">
  <meta charset="utf-8">
  <title>Fonts and Colors in Eclipse</title>
  <script src="PLUGINS_ROOT/org.eclipse.help/livehelp.js"></script>
</head>
<body>
  <h1>Fonts and Colors in Eclipse</h1>
  <p>Eclipse uses the fonts and colors provided by the operating system as much as possible. On Windows the platform
  color and font settings are found on the <b>General &gt; Colors and Fonts</b> preference page. The font used by most
  widgets in Eclipse is the one set in the Message Box settings of the properties. However, operating systems do not
  provide enough colors to handle all of the extra information that colors and fonts provide in Eclipse.</p>
  <h2>Fonts</h2>
  <p>There are 4 main fonts in use by the Eclipse platform. They are:</p>
  <dl>
    <dt><em>Banner Font</em></dt>
    <dd>Used in PDE editors, welcome pages and in the title area of many wizards. For instance the New Project wizard
    uses this font for the top title,</dd>
    <dt><em>Header Font</em></dt>
    <dd>Used as a section heading. For instance the Welcome page for the Eclipse Platform uses this font for the top
    title,</dd>
    <dt><em>Text Font</em></dt>
    <dd>Used in text editors.</dd>
    <dt><em>Dialog Font</em></dt>
    <dd>Used in dialogs.</dd>
  </dl>
  <p>These fonts can be set via the <a class="command-link" href=
  'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.preferencePages.ColorsAndFonts)")'>
  <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Appearance &gt; Colors
  and Fonts</b></a> preference page. As well as these 4 fonts there are several other secondary font settings. These
  default to the text font. They can be found on the Colors and Fonts preference page:</p>
  <ul>
    <li><b>Compare Text Font</b></li>
    <li><b>Console Text Font</b></li>
    <li><b>Debug Console Font</b></li>
    <li><b>Detail Pane Text Font</b></li>
    <li><b>Java Compare Text Font</b></li>
    <li><b>Java Editor Text Font</b></li>
    <li><b>Memory Views Table Font</b></li>
    <li><b>Part Title Font</b> (optional: used by some presentations)</li>
    <li><b>View Message Font</b> (optional: used by some presentations)</li>
  </ul>
  <h2>Colors</h2>
  <p>Eclipse uses colors as an information enhancement in many places. Whenever possible the operating system color
  settings are used, but in cases where the operating system settings are not enough, Eclipse defines other colors. All
  of these colors can be adjusted via the following preference pages:</p>
  <ul>
    <li><b><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.preferencePages.ColorsAndFonts)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Appearance &gt;
    Colors and Fonts</b></a> &gt; Basic</b> (Error text, hyperlink text, active hyperlink text)</li>
    <li><b><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.preferencePages.GeneralTextEditor)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Editors &gt; Text
    Editors</b></a></b> (Foreground, background and other appearance colors)</li>
    <li><b><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.editors.preferencePages.Annotations)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Editors &gt; Text
    Editors &gt; Annotations</b></a></b> (Text editors annotation colors)</li>
    <li><b><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.editors.preferencePages.LinkedModePreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Editors &gt; Text
    Editors &gt; Linked Mode</b></a></b> (Text editors linked mode colors)</li>
    <li><b><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.editors.preferencePages.QuickDiff)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Editors &gt; Text
    Editors &gt; Quick Diff</b></a></b> (Colors used by text editors quick diff feature)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.search.preferences.SearchPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>General &gt; Search</b></a>
    (Foreground for potential matches)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.debug.ui.ConsolePreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Run/Debug &gt; Console</b></a>
    (Standard Out, Standard Error, Standard In)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.debug.ui.DebugPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Run/Debug</b></a> (Variable Views
    changed value, Memory View unbuffered lines)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ant.ui.AntPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Ant</b></a> (Error, Warning,
    Information, Verbose, Debug)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.JavaEditorPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Java &gt; Editor</b></a> (Line
    number, matching brackets, current line, print, find scope, hyperlink, selection foreground, selection
    background)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.JavaEditorColoringPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Java &gt; Editor &gt; Syntax
    Coloring</b></a> (Javadoc HTML tags, Javadoc keywords, Javadoc links, Javadoc others, keyword 'return', keywords
    excluding 'return', Method names, Multi line comment, Operators and brackets, Others, Single-line comment, Strings,
    Task Tags)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.CodeAssistPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Java &gt; Editor &gt; Content
    Assist</b></a> (completion proposal background, completion proposal foreground, method parameter background, method
    parameter foreground, completion overwrite background, completion overwrite foreground)</li>
    <li><a class="command-link" href=
    'javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.pde.ui.EditorPreferencePage)")'>
    <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> <b>Plug-in Development &gt;
    Editors</b></a> (Text, Processing instructions, Constant strings, Tags, Comments)</li>
  </ul>
  <h2><img src="../../images/win_only.svg" alt="Windows only" border="0">Accessibility and the Windows Color Dialog</h2>
  <p>For color selection, Eclipse uses a dialog provided by the operating system. On windows, the color selection
  dialog does not respond properly to assistive technology. When you first get into the dialog, focus is on one of the
  basic colors, but the dialog provides no indication of this through assistive technology. You can select colors in
  Eclipse with this dialog in the following way:</p>
  <ol>
    <li>Select to customize the color of something in Eclipse, for example the color of Error Text in your Workbench
    Colors and Fonts Basic preferences.</li>
    <li>In the color selection dialog, tab twice to go from the Basic Color matrix to the Define Custom Colors button
    and press Enter.</li>
    <li>You can now enter the basic colors using an HSL or RGB specification according to the following definitions.
    See the <a href="colordialog.htm">Windows Color Dialog Reference</a> for a tables and values for these
    colors.<br></li>
  </ol>
  <h3 class="related">Related Tasks</h3><a href="accessmain.htm">Accessibility features in Eclipse</a><br>
  <a href="navigation.htm">Navigating the user interface by using the keyboard</a>
  <h3 class="related">Related Reference</h3><a href="keyboardshortcuts.htm">Keys</a><br>
  <a href="colordialog.htm">Windows Color Dialog Reference</a>
</body>
</html>
